<!DOCTYPE html>
<html>
	<head>
		@@include('./include/meta.html')
		<title>弹出框</title>
		<link rel="stylesheet" href="css/common.css">
	</head>
	<body>
		<!-- 登录开始 -->
		<div class="cover none">
			<div class="popupContainer">
				<ul class="popupTabUl">
					<li>账号密码登录</li>
					<li class="active">手机短信登录</li>
				</ul>
				<div class="formBox">
					<!-- 账号密码登录 -->
					<form id="normalLogin">
						<div class="item">
							<i class="iconfont">&#xef02;</i>
							<input type="text" name="userName" id="userName" placeholder="请输入您的用户名" />
							<span class="errorIcon"></span>
						</div>
						<p class='errorMsg'></p>
						<div class="item">
							<i class="iconfont">&#xe605;</i>
							<input type="text" name="userPassWord" id="userPassWord" placeholder="请输入您的登录密码" />
							<span class="errorIcon"></span>
						</div>
						<p class='errorMsg'></p>
						<div class="lrItem">
							<input class="inputCode" type="text" name="userVfCode" id="userVfCode" placeholder="请输入验证码" />
							<input type="text" name="vfCode" id="vfCode" readonly="readonly" value="34ff">
						</div>
						<p class='errorMsg'></p>
						<div class="automaticLogonBox">
							<div class="atLogin selectRd">
								<label>
									<span class="coverCb"></span>
									<input name="atLoginCheckbox" type="checkbox" checked>
									自动登录
								</label>
							</div>
							<a class='forgetPwd' href="javascript:void(0);">忘记密码</a>
						</div>
						<div class="fmBtn Boxbtn">登录</div>
						<p class="unregistered">还没有账号，请<a href="javascript:void(0);">注册</a></p>
					</form>

					<!-- 手机短信登录 -->
					<form id="phoneLogin" class="none">
						<div class="item">
							<i class="iconfont">&#xe674;</i>
							<input type="text" name="userPhone" id="userPhone" placeholder="请输入您的手机号码" />
							<span class="errorIcon"></span>
						</div>
						<p class='errorMsg'></p>
						<div class="lrItem">
							<input class="inputCode" type="text" name="userVfCodePh" id="userVfCodePh" placeholder="请输入验证码" />
							<input type="text" name="vfCodePh" id="vfCodePh" readonly="readonly" value="34ff">
						</div>
						<p class='errorMsg'></p>
						<div class="lrItem">
							<input class="inputCode" type="text" name="userVfCodePhone" id="userVfCodePhone" placeholder="请输入验证码" />
							<input class="Boxbtn" type="button" name="vfCodePhone" id="vfCodePhone" readonly="readonly" value="获取验证码">
						</div>
						<p class='errorMsg'></p>
						<div class="automaticLogonBox">
							<div class="atLogin selectRd">
								<label>
									<span class="coverCb"></span>
									<input name="atLoginCheckbox" type="checkbox" checked>
									自动登录
								</label>
							</div>
							<a class='forgetPwd' href="javascript:void(0);">忘记密码</a>
						</div>
						<div class="fmBtn Boxbtn">登录</div>
						<p class="unregistered">还没有账号，请<a href="javascript:void(0);">注册</a></p>
					</form>
				</div>

				<span class="closeBox"><i class='iconfont'>&#xe624;</i></span>
			</div>
		</div>
		<!-- 登录结束 -->
		<!-- 找回密码开始 -->
		<div class="cover none">
			<div class="popupContainer">
				<ul class="popupTabUl">
					<li class="active">找回密码</li>
				</ul>
				<div class="formBox">
					<form id="retrievePassword">
						<div class="item">
							<i class="iconfont">&#xef02;</i>
							<input type="text" name="userPhoneRp" id="userPhoneRp" placeholder="请输入您的手机号码" />
							<span class="errorIcon"></span>
						</div>
						<p class='errorMsg'></p>
						<div class="lrItem">
							<input class="inputCode" type="text" name="userVfCodeRp" id="userVfCodeRp" placeholder="请输入验证码" />
							<input type="text" name="vfCodePhRp" id="vfCodeRp" readonly="readonly" value="34ff">
						</div>
						<p class='errorMsg'></p>
						<div class="lrItem">
							<input class="inputCode" type="text" name="userCodePhoneRp" id="userCodePhoneRp" placeholder="请输入验证码" />
							<input class="Boxbtn" type="button" name="vfCodePhoneRp" id="vfCodePhoneRp" readonly="readonly" value="获取验证码">
						</div>
						<p class='errorMsg'></p>
						<div class="fmBtn Boxbtn">确认</div>
					</form>
				</div>
				<span class="closeBox"><i class='iconfont'>&#xe624;</i></span>
			</div>
		</div>
		<!-- 找回密码结束 -->
		<!-- 设置新密码开始 -->
		<div class="cover none">
			<div class="popupContainer">
				<ul class="popupTabUl">
					<li class="active">设置新密码</li>
				</ul>
				<div class="formBox">
					<form id="newPwd">
						<div class="item">
							<i class="iconfont">&#xe605;</i>
							<input type="text" name="userPhoneRp" id="userPhoneRp" placeholder="请输入您的手机号码" />
							<span class="errorIcon"></span>
						</div>
						<p class='errorMsg'></p>
						<div class="item">
							<i class="iconfont">&#xe605;</i>
							<input type="text" name="userPhoneRp" id="userPhoneRp" placeholder="请输入您的手机号码" />
							<span class="errorIcon"></span>
						</div>
						<p class='errorMsg'></p>
						<div class="fmBtn Boxbtn">确认</div>
					</form>
				</div>
				<span class="closeBox"><i class='iconfont'>&#xe624;</i></span>
			</div>
		</div>
		<!-- 设置新密码结束 -->
		<!-- 注册开始 -->
		<div class="cover none">
			<div class="popupContainer">
				<ul class="popupTabUl">
					<li class="active">账号注册</li>
				</ul>
				<div class="formBox">
					<form id="registerForm">
						<div class="rgItem">
							<input type="text" name="setUserName" id="setUserName" placeholder="请设置用户名" />
							<i>*</i>
							<p class='errorMsg'></p>
						</div>
						<div class="rgItem">
							<input type="text" name="setEmail" id="setEmail" placeholder="常用邮箱" />
							<i>*</i>
							<p class='errorMsg'></p>
						</div>
						<div class="rgItem">
							<input type="text" name="setPwd" id="setPwd" placeholder="请设置登录密码" />
							<i>*</i>
							<p class='errorMsg'></p>
						</div>
						<div class="rgItem">
							<input type="text" name="setPwdAg" id="setPwdAg" placeholder="请确认登录密码" />
							<i>*</i>
							<p class='errorMsg'></p>
						</div>
						<div class="rgItem">
							<input type="text" name="setCompany" id="setCompany" placeholder="所属公司" />
							<i>*</i>
							<p class='errorMsg'></p>
						</div>
						<div class="rgItem">
							<input type="text" name="setpost" id="setpost" placeholder="所属岗位" />
							<p class='errorMsg'></p>
						</div>
						<div class="rgItem">
							<input type="text" name="setPhone" id="setPhone" placeholder="请输入您的手机号码" />
							<i>*</i>
							<p class='errorMsg'></p>
						</div>
						<div class="getCodeBox">
							<input class="inputCode" type="text" name="getCode" id="getCode" placeholder="请输入验证码" />
							<input class="Boxbtn" type="button" name="setCode" id="setCode" readonly="readonly" value="获取验证码">
							<p class='errorMsg'></p>
						</div>
						<p class="tips">*为了更好的服务您的需求，请如实填写</p>
						<div class="rgBtn"><a class="fmBtn Boxbtn" href="javascript:void(0);">登录</a></div>
					</form>
				</div>
				<span class="closeBox"><i class='iconfont'>&#xe624;</i></span>
			</div>
		</div>
		<!-- 注册结束 -->
		<!-- 退出当前账号开始 -->
		<div class="cover">
			<div class="popupContainer" id="logout">
				<div class="formBox">
					<p class="confirmText">确认退出当前账号？</p>
					<div class="fmBtn Boxbtn">确定</div>
				</div>
				<span class="closeBox"><i class='iconfont'>&#xe624;</i></span>
			</div>
		</div>
		<!-- 退出当前账号结束 -->
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/pageCommon.js"></script>
	</body>
</html>
